/* UserList 组件样式 */

.user-list-container {
  margin: 20px 0;
  
  .operations {
    margin-bottom: 16px;
    display: flex;
    justify-content: flex-end;
  }
  
  .user-table {
    background-color: #fff;
    border-radius: 4px;
  }
  
  .user-form-item {
    margin-bottom: 15px;
  }
  
  .region-select {
    width: 100%;
  }
  
  .role-select {
    width: 100%;
  }
}

.user-list {
  .card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    .role-info {
      margin-left: 15px;
    }
  }

  .ant-table-wrapper {
    margin-bottom: 20px;
  }

  .ant-table-row:hover {
    background-color: #f9f9f9;
  }

  .user-actions {
    display: flex;
    justify-content: flex-end;
  }

  // 确保表格内容垂直居中
  .ant-table-cell {
    vertical-align: middle;
  }

  // 搜索表单样式
  .ant-form-inline {
    padding: 15px 0;
    background-color: #fafafa;
    border-radius: 4px;
    margin-bottom: 16px;
  }

  // 分页器样式优化
  .ant-pagination {
    margin-top: 16px;
  }
  
  // 用户详情弹窗样式
  .user-detail-modal {
    .user-detail-header {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      
      .user-avatar {
        margin-right: 20px;
        border: 2px solid #f0f0f0;
      }
      
      .user-basic-info {
        h3 {
          margin-bottom: 10px;
        }
      }
    }
    
    .user-detail-descriptions {
      margin: 20px 0;
    }
    
    .user-introduction {
      max-height: 120px;
      overflow-y: auto;
    }
    
    .user-detail-footer {
      margin-top: 20px;
      text-align: right;
      color: #888;
    }
  }
} 